<template>
  <!-- 云仓礼包商品订单不支持退换货以及申请售后   is_yuncang_gift 0 非云仓礼包订单 1 云仓礼包订单-->
  <div class="lists-container">
    <div class="order-wrapper" v-if="listsData.length>0">
      <van-list
        v-model="loading"
        :finished="finished"
        :error.sync="error"
        error-text="请求失败，点击重新加载"
        finished-text=""
        @load="onLoad"
      >
      <div class="order-box" v-for="(listsItem,index) in listsData" :key="index">
        <div class="dhs-virtual-icon" v-if="listsItem.is_dhs_virtual==1"></div>
        <a href="javascript:;" @click="Jump('order-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})">
        <!-- <a :href="'/Order/detail/id/'+listsItem.order_id+'/page/'+listsItem.page+'/label_type/'+listsItem.type"> -->
          <section class="order-list-info clearfix">
            <div class="order-list-info-multistore fl" v-if="listsItem.is_multi_store && listsItem.new_supplier_id > 0">
              <!-- listsItem.complain_order_no退换货单号 -->
              <img class="gys_logo" :src="listsItem.gys_logo || defaultAvatar" alt="">
              <p>{{listsItem.gys_name}}</p>
              <img class="arrow" src="https://img.wifenxiao.com/h5-wfx/images/arrow_R.png" alt="">
            </div>
            <span class="fl" v-else>
              <!-- listsItem.complain_order_no退换货单号 -->
              <p>订单：{{listsItem.order_no || listsItem.complain_order_no}}</p>
              <p>日期：{{listsItem.create_time}}</p>
              <p v-if="listsItem.transaction_id">微信批次单号：{{listsItem.transaction_id}}</p>
              <!-- 定制 得炫 显示套餐商品名称 start -->
              <p v-if="listsItem.package_item_name && is_hzdx_dhs_dz">{{listsItem.package_item_name}}</p>
              <!-- 定制 得炫 显示套餐商品名称 end -->
              <!-- 定制 鼎兴餐饮 显示套餐商品名称 start -->
              <p v-if="listsItem.dxcy_main_item_title">{{listsItem.dxcy_main_item_title}}</p>
              <!-- 定制 鼎兴餐饮 显示套餐商品名称 end -->
              <p v-if="listsItem.refuse_reason">拒绝原因：{{listsItem.refuse_reason}}</p>
            </span>
            <!-- <span class="fl_ico">
              <img src="/PublicMob/images/orderArrbg.png" />
            </span> -->
            <!-- 非退换货订单才显示完成取消图标 -->
            <span
              v-if="!listsItem.complain_order_id && (listsItem.status==3 || listsItem.not_real_confirm)"
              class="status fr completed"
            ></span>
            <span
              v-else-if="!listsItem.complain_order_id && listsItem.status==4"
              class="status fr orderClose"
            ></span>
            <span v-else class="status fr"
              :class="listsItem.is_presale==1?'red':''">{{listsItem.status_name}}</span>
          </section>
        </a>
        <section class="order-goods" v-if="listsItem.store_gathering_id>0">
          <ul>
            <li class="goods-li">
              <section class="order-goods-img">
                <img src="https://img.wifenxiao.com/h5-wfx/images/order/money.png" width="80" height="80" />
              </section>
              <section class="order-goods-infor">
                <div class="left">
                  <a class="goods-title">门店收款码订单</a>
                  <p class="price fl" v-if="listsItem.pay_type && listsItem.pay_type==5">&dollar; <em>{{listsItem.payment}}</em>}</p>
                  <span class="price" v-else v-html="scaleGoodsPriceFn(listsItem.payment)"></span>
                </div>
                <!-- <div class="right">
                  <span class="num fr"><i>x</i>{{goods.num}}</span>
                </div> -->
              </section>
            </li>
          </ul>
        </section>
        <section class="order-goods" v-else>
          <ul>
            <li
              v-for="(goods,index) in listsItem.order"
              :key="index"
              class="goods-li"
            >
              <section class="order-goods-img">
                <a href="javascript:;" @click="Jump('item-detail',{detailId:goods.item_id})">
                  <img :src="goods.pic_url+'160x160'" width="80" height="80" v-if="goods.is_compress"/>
                  <img :src="goods.pic_url" width="80" height="80" v-else/>
                  <span class="activity-shade" v-if="listsItem.is_presale==1">预售</span>
                  <span class="activity-shade" v-if="listsItem.is_cycle==1">周期购</span>
                </a>
              </section>
              <section class="order-goods-infor g-flex">
                <div class="left">
                  <a class="goods-title" href="javascript:;" @click="Jump('item-detail',{detailId:goods.item_id})">
                    <span class="fontZiy" v-if="goods.is_self_support == 1">自营</span>
                    <span class="fontZiy" v-if="listsItem.is_neigou_order == 1">内购</span>
                    {{goods.title || goods.item_title}}
                  </a>
                  <p class="goods-props" v-if="goods.props">{{goods.props}}</p>
                  <p class="price fl" v-if="listsItem.pay_type && listsItem.pay_type==5">&dollar; <em>{{goods.current_price}}</em>}</p>
                  <span class="price" v-else v-html="scaleGoodsPriceFn(goods.current_price)"></span>
                </div>
                <div class="right">
                  <span class="num fr"><i>x</i>{{goods.num}}</span>
                </div>
              </section>
            </li>
          </ul>
        </section>

        <section class="order-pay">
          <div class="payment-box" v-if="listsItem.is_presale==1">
            <p class="final-payment-time">支付尾款:{{listsItem.start_restpay_time}} ~ {{listsItem.end_restpay_time}}</p>
          </div>
          <!-- status为1全部订单列表 -->
          <!-- <div class="good-price-box" v-if="curStatus==1 || curStatus==2"> -->
          <div class="good-price-box" v-if="curStatus!=4">
            <span>
              商品总价：<span class="good-total-price fontAliBaba" v-if="listsItem.pay_type && listsItem.pay_type==5"><i>&dollar;</i><em>{{listsItem.total_fee}}</em></span><span class="good-total-price fontAliBaba" v-else><i>{{mSymbol.name}}</i><em>{{listsItem.total_fee}}</em></span>
            </span>
            <span style="margin-left:6px;">
              {{(!listsItem.complain_order_id && listsItem.status==4) || listsItem.status == 0 ? '应付款' : '实付款'}}：：<span class="good-discount-price fontAliBaba" v-if="listsItem.pay_type && listsItem.pay_type==5"><i>&dollar;</i><em>{{listsItem.payment}}</em></span><span class="good-discount-price fontAliBaba" v-else><i>{{mSymbol.name}}</i><em>{{listsItem.payment}}</em></span>
            </span>
            <span v-if="listsItem.status==0 && listsItem.balance_fee>0">(使用余额：<span class="fontAliBaba">{{mSymbol.name}}{{listsItem.balance_fee}})</span>)</span>
          </div>

          <div class="presell" v-if="listsItem.is_presale==1">
            <div class="delivery-time" v-if="listsItem.show_start_delivery_time && listsItem.show_end_delivery_time">
              发货时间：{{listsItem.show_start_delivery_time}} - {{listsItem.show_end_delivery_time}}
            </div>
            <div class="delivery-time" v-else-if="listsItem.show_start_delivery_time">
              {{listsItem.show_start_delivery_time}}开始发货
            </div>
            <div class="delivery-time" v-else-if="listsItem.show_end_delivery_time">
              最晚{{listsItem.show_end_delivery_time}}发货
            </div>
          </div>

          <!-- 全部订单列表status为1  按钮开始 -->
          <div class="good-more-btn" v-if="curStatus==1"> 
            <van-button v-if="listsItem.is_fission_order" round hairline class="btn orange-btn" @click="Jump('backOneDetailPushX',{id:listsItem.order_id})">推广详情</van-button>
            <!-- 视频号商品只允许看详情 -->
            <template v-if="listsItem.order_ly == 10">
              <van-button round hairline class="btn orange-btn" @click="Jump('order-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})">物流/详情</van-button>
            </template>
            <!-- x+1商品只允许看详情 -->
            <template v-else-if="listsItem.is_chaining_show">
              <van-button round hairline class="btn J_pay white-btn" v-if="listsItem.status==0 && listsItem.is_presale!=1" @click="clickPay(listsItem)">付款</van-button>
              <van-button round hairline class="btn orange-btn" @click="Jump('order-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})">物流/详情</van-button>
            </template>
            <template v-else>

            <van-button round hairline class="btn J_del" v-if="listsItem.status==0 || listsItem.status==3 || listsItem.status==4 || listsItem.status==5" @click="clickDelOrder(listsItem.order_id)">删除订单</van-button>
            <van-button round hairline class="btn J_del" v-if="listsItem.client_edit_order_address" @click="Jump('order-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type,edit: 1})">修改地址</van-button>

            <!-- 订货商出库订单代发货状态 -->
            <!-- 订货商发货取消订单后不显示取消按钮 is_dhs_cancel_flag -->
            <van-button round hairline class="btn J_cancel" v-if="!listsItem.is_dhs_cancel_flag && listsItem.is_dhs_delivery==1 && listsItem.status==1 && sid!='8052775'" @click="Jump('refunding',{id:listsItem.order_id,type:2})">取消订单</van-button>

            <van-button
              v-if="is_comment == 1 && listsItem.status == 3 && listsItem.store_gathering_id == 0 && listsItem.need_comment == 1"
              round hairline class="btn ele-invoice"
              @click="Jump('/commentList',{type:'evaluate', orderId: listsItem.order_id })">评价</van-button>

            <!-- <van-button round hairline class="btn ordereturn afterSale" v-if="Apply_for_after_sale==1 && is_wl==1 && listsItem.status==3" @click="clickAfterSale(listsItem.order_id)">申请售后</van-button> -->
            <template v-if="listsItem.is_need_consultation==1">           
              <van-button round hairline class="btn J_pay white-btn" v-if="listsItem.status == 0 && listsItem.consultation_status < 2" @click="jumpConsulationUrl(listsItem.order_id)">去问诊</van-button>
              <van-button round hairline class="btn J_pay white-btn" v-else-if="listsItem.status==0 && listsItem.consultation_status == 2" @click="clickPay(listsItem)">付款</van-button>
            </template>
            <template v-else>
              <van-button round hairline class="btn J_pay white-btn" v-if="listsItem.status==0 && listsItem.is_presale!=1" @click="clickPay(listsItem)">付款</van-button>
            </template>
            
            
            <van-button round hairline class="btn ele-invoice" v-if="listsItem.is_show_electronic==1" @click="Jump('eInvoice',{id:listsItem.order_id})">电子发票</van-button>
            <!-- <a :href="'/Order/eInvoice/id/'+listsItem.order_id" class="ele-invoice" v-if="listsItem.is_show_electronic==1">电子发票</a> -->
            <!--       定制十人团 隐藏退款按钮     -->
            <!-- 定制 莱特妮丝 单品不可退款和多商品全部不可退款的情况下 不显示退款按钮 start -->
            <template v-if="(item_refundable_dz && listsItem.is_show_refundable_btn === 1) || !item_refundable_dz">
            <span v-if="is_allow_return==1">
              <van-button
                v-show="is_yun_ji != 1"
                round hairline @click="Jump('refunding',{id:listsItem.order_id,type:2})" class="btn ordereturn" v-if="((is_refund_config==1 && listsItem.is_dhs_delivery!=1 && listsItem.status==1 && listsItem.is_item_virtual==0 && (listsItem.is_presale!=1 || listsItem.presale_status==2) && listsItem.pay_type!=3 && listsItem.aggregation_type!=3)
              || (listsItem.status==2 && listsItem.is_dhs_virtual==1) && listsItem.fn_order!=1) && listsItem.is_yuncang_gift == 0 && listsItem.is_show_return_refund == 1 && !(listsItem.aggregation_type && listsItem.aggregation_type==6)">退款</van-button>
              <!-- <van-button
                v-show="is_yun_ji != 1"
                round hairline :url="'/Order/refunding/id/'+listsItem.order_id+'/type/2'" class="btn ordereturn" v-if="(is_refund_config==1 && listsItem.is_dhs_delivery!=1 && listsItem.status==1 && listsItem.is_item_virtual==0 && listsItem.is_cycle!=1 && (listsItem.is_presale!=1 || listsItem.presale_status==2) && listsItem.pay_type!=3)
              || (listsItem.status==2 && listsItem.is_dhs_virtual==1) && listsItem.fn_order!=1">退款</van-button> -->
            </span>
            </template>
            <!-- 定制 莱特妮丝 单品不可退款和多商品全部不可退款的情况下 不显示退款按钮 end -->
            <span v-if="(is_allow_exchange==1 || is_allow_return==1) && listsItem.status==2 && listsItem.is_item_virtual==0 && (listsItem.is_presale!=1 || listsItem.presale_status==2) && listsItem.pay_type!=3 && listsItem.is_dhs_virtual!=1">
              <span v-if="listsItem.delivery_supplier_count==0 && listsItem.fn_order!=1">
                <span v-if="listsItem.is_dhs_delivery!=1 && is_allow_return==1 && is_allow_exchange==1 && listsItem.is_show_return_refund == 1 && listsItem.is_yuncang_gift == 0 && listsItem.is_show_return_refund == 1">
                  <!-- <van-button round hairline class="btn ordereturn afterSale" v-if="Apply_for_after_sale==1 && is_wl==1" @click="clickAfterSale(listsItem.order_id)">申请售后</van-button> -->
                  <span>
                    <!-- 定制 莱特妮丝 单品不可退款和多商品全部不可退款的情况下 不显示退款按钮 start -->
                    <template v-if="(item_refundable_dz && listsItem.is_show_refundable_btn === 1) || !item_refundable_dz">
                    <van-button v-show="is_yun_ji != 1 && !(listsItem.aggregation_type && listsItem.aggregation_type==6)" round hairline class="btn ordereturn" @click="Jump('refunding',{id:listsItem.order_id,type:2})">退款</van-button>
                    </template>
                    <!-- 定制 莱特妮丝 单品不可退款和多商品全部不可退款的情况下 不显示退款按钮 end -->

                    <van-button round hairline class="btn ordereturn" @click="Jump('refunding',{id:listsItem.order_id,type:1})" v-if="listsItem.status==2 && is_yun_ji != 1 && listsItem.is_cycle!=1">换货</van-button>

                    <!-- <van-button v-show="is_yun_ji != 1" round hairline class="btn ordereturn" :url="'/order/refunding/id/'+listsItem.order_id+'/type/2'">退款</van-button>
                    <van-button round hairline class="btn ordereturn" :url="'/order/refunding/id/'+listsItem.order_id+'/type/1'" v-if="listsItem.status==2 && is_yun_ji != 1">换货</van-button> -->
                  </span>
                </span>
                <span v-else-if="listsItem.is_dhs_delivery!=1 && listsItem.is_cycle!=1 && is_allow_exchange==1 && listsItem.status==2 && listsItem.is_show_return_refund == 1">
                  <!-- <van-button round hairline class="btn ordereturn afterSale" v-if="Apply_for_after_sale==1 && is_wl==1" @click="clickAfterSale(listsItem.order_id)">申请售后</van-button> -->
                  <van-button v-show="is_yun_ji != 1" round hairline class="btn ordereturn" @click="Jump('refunding',{id:listsItem.order_id,type:1})">换货</van-button>
                  <!-- <van-button v-show="is_yun_ji != 1" round hairline class="btn ordereturn" :url="'/order/refunding/id/'+listsItem.order_id+'/type/1'" v-else>换货</van-button> -->
                </span>

                <span v-else-if="listsItem.is_dhs_delivery!=1 && listsItem.is_cycle!=1 && is_allow_return==1 && listsItem.is_show_return_refund == 1">
                  <!-- <van-button round hairline class="btn ordereturn afterSale" v-if="Apply_for_after_sale==1 && is_wl==1" @click="clickAfterSale(listsItem.order_id)">申请售后</van-button> -->
                  <van-button v-show="is_yun_ji != 1" round hairline class="btn ordereturn" @click="Jump('refunding',{id:listsItem.order_id,type:2})">退货</van-button>
                  <!-- <van-button v-show="is_yun_ji != 1" round hairline class="btn ordereturn" :url="'/order/refunding/id/'+listsItem.order_id+'/type/2'" v-else>退货</van-button> -->
                </span>
              </span>

              <span v-if="listsItem.status_name!='等待拼团成功'">
              <!--jxgzl_dz 定制：江西赣中旅【自提订单确认收货需门店后台操作，或订单到期自动确认收货，买家不能自己选择确认收货】start-->
                <van-button round hairline class="btn white-btn j-confirmOrder" v-if="!jxgzl_dz && listsItem.not_real_confirm!=1 && (is_confirm_receipt!=1 || listsItem.status_name!=takeTheirName)" @click="clickConfirmOrder(listsItem.order_id, listsItem)">确认收货</van-button>
              </span>
            </span>

            <!--wfx定制：濡美值购 【购买上级虚拟商品需要有确认收货按钮】start-->
            <van-button round hairline class="btn white-btn j-confirmOrder" v-if="listsItem.status_name!='等待拼团成功' && listsItem.not_real_confirm!=1 && listsItem.is_dhs_virtual==1 && isRmzgShop && (is_confirm_receipt!=1 || listsItem.status_name!=takeTheirName)" @click="clickConfirmOrder(listsItem.order_id)">确认收货</van-button>
            <!--wfx定制：濡美值购 【购买上级虚拟商品需要有确认收货按钮】end-->

            <van-button round hairline @click="JumpName('gift-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})" v-if="listsItem.is_send_gift==1" class="btn white-btn">礼单</van-button>
            <!-- <a href="/Order/detail/id/{$lists_vo.order_id}/page/{$lists_vo.page}/label_type/{$lists_vo.type}" class="orange-btn" v-else>物流/详情</a> -->
            <van-button round hairline class="btn orange-btn" v-else @click="Jump('order-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})">物流/详情</van-button>
            <!-- <van-button round hairline class="btn orange-btn" v-else :url="'/Order/detail/id/'+listsItem.order_id+'/page/'+listsItem.page+'/label_type/'+listsItem.type">物流/详情</van-button> -->

            <span v-if="listsItem.status>0 &&listsItem.group_shopping_id>0">
              <van-button round hairline @click="JumpName('groupDetail',{id:listsItem.order_id,payOrder:2,},listsItem.dz_is_new_group_shop)" class="btn white-btn" v-if="listsItem.is_success==1 && listsItem.status!=4">{{listsItem.dz_is_new_group_shop == 1 ? listsItem.dz_is_new_group_shop_btn + '成功' : '拼团成功'}}</van-button>
              <van-button round hairline @click="JumpName('groupDetail',{id:listsItem.order_id,payOrder:2,},listsItem.dz_is_new_group_shop)" class="btn white-btn" v-else>{{listsItem.dz_is_new_group_shop == 1 ? listsItem.dz_is_new_group_shop_btn + '详情' : '拼团详情'}}</van-button>
            </span>
            <!-- 定制 得炫 不允许再次购买 隐藏‘再次购买’按钮 -->
            <template v-if="!(is_hzdx_dhs_dz && listsItem.package_item_name && listsItem.is_need_consultation==1)">
            <van-button round hairline class="btn j-repurchase orange-btn" v-if="listsItem.order && listsItem.order[0].item_id && (listsItem.status==1 || listsItem.status==2 || listsItem.status==3) && !listsItem.is_marketing && !listsItem.is_buy_again && listsItem.is_yuncang_gift == 0 && listsItem.is_show_return_refund == 1" @click="clickRepurchase(listsItem)">再次购买</van-button>
            </template>
            </template>
          </div>

          <!-- 待付款订单列表status为2   按钮 -->
          <div class="good-more-btn" v-else-if="curStatus==2">
            <van-button v-if="listsItem.is_fission_order" round hairline class="btn orange-btn" @click="Jump('backOneDetailPushX',{id:listsItem.order_id})">推广详情</van-button>
            <!-- 视频号商品只允许看详情 -->
            <template v-if="listsItem.order_ly == 10">
              <van-button round hairline class="btn orange-btn" @click="Jump('order-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})">物流/详情</van-button>
            </template>
            <!-- x+1商品只允许看详情 -->
            <template v-else-if="listsItem.is_chaining_show">
              <van-button round hairline class="btn J_pay white-btn" v-if="listsItem.is_presale!=1" @click="clickPay(listsItem)">付款</van-button>
              <van-button round hairline class="btn orange-btn" @click="Jump('order-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})">物流/详情</van-button>
            </template>
            <template v-else>

            <van-button round hairline class="btn J_del" @click="clickDelOrder(listsItem.order_id)">删除订单</van-button>
            
            <template v-if="listsItem.is_need_consultation==1">
              <van-button round hairline class="btn J_pay white-btn" v-if="listsItem.consultation_status < 2" @click="jumpConsulationUrl(listsItem.order_id)">去问诊</van-button>
              <van-button round hairline class="btn J_pay white-btn" v-if="listsItem.consultation_status == 2" @click="clickPay(listsItem)">付款</van-button>
            </template>
            <template v-else>
              <van-button round hairline class="btn J_pay white-btn" v-if="listsItem.is_presale!=1" @click="clickPay(listsItem)">付款</van-button> 
            </template>
            
            
            <van-button round hairline @click="JumpName('gift-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})" class="btn white-btn" v-if="listsItem.is_send_gift==1">礼单</van-button>

            <!-- <a href="/Order/detail/id/{$wait_vo.order_id}/page/{$wait_vo.page}/label_type/{$wait_vo.type}" class="details orange-btn" v-else>物流/详情</a> -->
            <van-button round hairline class="btn orange-btn" v-else @click="Jump('order-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})">物流/详情</van-button>
            <!-- <van-button round hairline class="btn orange-btn" v-else :url="'/Order/detail/id/'+listsItem.order_id+'/page/'+listsItem.page+'/label_type/'+listsItem.type">物流/详情</van-button> -->
            </template>
          </div>

          <!-- 已付款订单列表status为6  按钮开始 -->
          <div class="good-more-btn" v-else-if="curStatus==6">
            <van-button v-if="listsItem.is_fission_order" round hairline class="btn orange-btn" @click="Jump('backOneDetailPushX',{id:listsItem.order_id})">推广详情</van-button>
            <!-- 视频号商品只允许看详情 -->
            <template v-if="listsItem.order_ly == 10">
              <van-button round hairline class="btn orange-btn" @click="Jump('order-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})">物流/详情</van-button>
            </template>
            <!-- x+1商品只允许看详情 -->
            <template v-else-if="listsItem.is_chaining_show">
              <van-button round hairline class="btn orange-btn" @click="Jump('order-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})">物流/详情</van-button>
            </template>
            <template v-else>

            <!-- 定制 莱特妮丝 单品不可退款和多商品全部不可退款的情况下 不显示退款按钮 start -->
            <template v-if="(item_refundable_dz && listsItem.is_show_refundable_btn === 1) || !item_refundable_dz">
            <span v-if="is_allow_return==1">
              <van-button round hairline @click="Jump('refunding',{id:listsItem.order_id,type:2})" class="btn ordereturn" v-show="is_yun_ji != 1" v-if="(listsItem.is_yuncang_gift != 1 && listsItem.is_show_return_refund == 1 && is_refund_config==1 && listsItem.is_dhs_delivery!=1 && listsItem.is_item_virtual==0  && (listsItem.is_presale!=1 || listsItem.presale_status==2) && listsItem.pay_type!=3 && !(listsItem.aggregation_type==3 && listsItem.status==1) || listsItem.status==2 && listsItem.is_dhs_virtual==1 && listsItem.fn_order!=1) && !(listsItem.aggregation_type && listsItem.aggregation_type==6)">退款</van-button>
              <!-- <van-button round hairline :url="'/Order/refunding/id/'+listsItem.order_id+'/type/2'" class="btn ordereturn" v-show="is_yun_ji != 1" v-if="(is_refund_config==1 && listsItem.is_dhs_delivery!=1 && listsItem.is_cycle!=1 && listsItem.is_item_virtual==0  && (listsItem.is_presale!=1 || listsItem.presale_status==2) && listsItem.pay_type!=3 || listsItem.status==2 && listsItem.is_dhs_virtual==1 && listsItem.fn_order!=1)">退款</van-button> -->
            </span>
            </template>
            <!-- 定制 莱特妮丝 单品不可退款和多商品全部不可退款的情况下 不显示退款按钮 end -->
            <van-button round hairline class="btn J_del" v-if="listsItem.client_edit_order_address" @click="Jump('order-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type,edit: 1})">修改地址</van-button>
            <!-- 订货商出库订单代发货状态 -->
            <!-- 订货商发货取消订单后不显示取消按钮 is_dhs_cancel_flag -->
            <van-button round hairline class="btn J_cancel" v-if="!listsItem.is_dhs_cancel_flag && listsItem.is_dhs_delivery==1 && listsItem.status==1 && sid!='8052775'" @click="Jump('refunding',{id:listsItem.order_id,type:2})">取消订单</van-button>

            <van-button round hairline @click="JumpName('gift-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})" class="btn white-btn" v-if="listsItem.is_send_gift==1">礼单</van-button>
            <!-- <a href="/Order/detail/id/{$lists_vo.order_id}/page/{$lists_vo.page}/label_type/{$lists_vo.type}" class="details orange-btn" v-else-if="listsItem.group_shopping_id==0">物流/详情</a> -->
            <van-button round hairline class="btn orange-btn" @click="Jump('order-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})" v-else-if="listsItem.group_shopping_id==0">物流/详情</van-button>
            <!-- <van-button round hairline class="btn orange-btn" :url="'/Order/detail/id/'+listsItem.order_id+'/page/'+listsItem.page+'/label_type/'+listsItem.type" v-else-if="listsItem.group_shopping_id==0">物流/详情</van-button> -->
            <span v-if="listsItem.status>0 &&listsItem.group_shopgroupDetailping_id>0">
              <van-button round hairline @click="JumpName('groupDetail',{id:listsItem.order_id,payOrder:2,},listsItem.dz_is_new_group_shop)" class="btn white-btn" v-if="listsItem.is_success==1 && listsItem.status!=4">{{listsItem.dz_is_new_group_shop == 1 ? listsItem.dz_is_new_group_shop_btn + '成功' : '拼团成功'}}</van-button>
              <van-button round hairline @click="JumpName('groupDetail',{id:listsItem.order_id,payOrder:2,},listsItem.dz_is_new_group_shop)" class="btn white-btn" v-else>{{listsItem.dz_is_new_group_shop == 1 ? listsItem.dz_is_new_group_shop_btn + '详情' : '拼团详情'}}</van-button>
            </span>
            <!-- 定制 得炫 不允许再次购买 隐藏‘再次购买’按钮 -->
            <template v-if="!(is_hzdx_dhs_dz && listsItem.package_item_name && listsItem.is_need_consultation==1)">
            <van-button round hairline class="btn details j-repurchase orange-btn" v-if="listsItem.order && listsItem.order[0].item_id && (listsItem.status==1 || listsItem.status==2 || listsItem.status==3) && !listsItem.is_marketing && !listsItem.is_buy_again && listsItem.is_yuncang_gift == 0 && listsItem.is_show_return_refund == 1" @click="clickRepurchase(listsItem)">再次购买</van-button>
            </template>
            </template>
          </div>

          <!-- 已发货订单列表status为3  按钮开始 -->
          <div class="good-more-btn" v-else-if="curStatus==3">
            <van-button v-if="listsItem.is_fission_order" round hairline class="btn orange-btn" @click="Jump('backOneDetailPushX',{id:listsItem.order_id})">推广详情</van-button>
            <!-- 视频号商品只允许看详情 -->
            <template v-if="listsItem.order_ly == 10">
              <van-button round hairline class="btn orange-btn" @click="Jump('order-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})">物流/详情</van-button>
            </template>
            <!-- x+1商品只允许看详情 和确认收货-->
            <template v-else-if="listsItem.is_chaining_show">
              <span v-if="listsItem.status_name!='等待拼团成功' && listsItem.status==2 && listsItem.is_item_virtual==0 && (is_confirm_receipt!=1 || listsItem.status_name!=takeTheirName) && listsItem.not_real_confirm!=1">
                <van-button round hairline class="btn j-confirmOrder white-btn" @click="clickConfirmOrder(listsItem.order_id, listsItem)">确认收货</van-button>
              </span>
              <van-button round hairline class="btn orange-btn" @click="Jump('order-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})">物流/详情</van-button>
            </template>
            <template v-else>

            <span v-if="listsItem.is_item_virtual==0 && listsItem.delivery_supplier_count==0 && listsItem.fn_order!=1 && listsItem.status==2">
              <span v-if="listsItem.is_dhs_delivery!=1 && listsItem.is_cycle!=1 && listsItem.is_show_return_refund == 1 && listsItem.is_yuncang_gift == 0 && listsItem.is_show_return_refund == 1">
                <span v-if="listsItem.dhs_virtual_num<=0 && (Apply_for_after_sale!=1|| is_wl!=1)">
                  <van-button round hairline class="btn ordereturn" @click="Jump('refunding',{id:listsItem.order_id,type:2})" v-if="is_allow_return==1 && !(listsItem.aggregation_type && listsItem.aggregation_type==6)" v-show="is_yun_ji != 1">退货</van-button>
                  <van-button v-show="is_yun_ji != 1" round hairline class="btn ordereturn" @click="Jump('refunding',{id:listsItem.order_id,type:1})" v-if="is_allow_exchange==1 && listsItem.status==2">换货</van-button>
                  <!-- <van-button round hairline class="btn ordereturn" :url="'/order/refunding/id/'+listsItem.order_id+'/type/2'" v-if="is_allow_return==1" v-show="is_yun_ji != 1">退货</van-button>
                  <van-button v-show="is_yun_ji != 1" round hairline class="btn ordereturn" :url="'/order/refunding/id/'+listsItem.order_id+'/type/1'" v-if="is_allow_exchange==1 && listsItem.status==2">换货</van-button> -->
                </span>
                <!-- <van-button round hairline class="btn ordereturn afterSale" v-if="Apply_for_after_sale==1 && is_wl==1" @click="clickAfterSale(listsItem.order_id)">申请售后</van-button> -->
              </span>
            </span>
            <span v-if="listsItem.status_name!='等待拼团成功' && listsItem.status==2 && listsItem.is_item_virtual==0 && (is_confirm_receipt!=1 || listsItem.status_name!=takeTheirName) && listsItem.not_real_confirm!=1">
              <van-button round hairline class="btn j-confirmOrder white-btn" @click="clickConfirmOrder(listsItem.order_id, listsItem)">确认收货</van-button>
            </span>

            <!--wfx定制：濡美值购 【购买上级虚拟商品需要有确认收货按钮】start-->
            <span v-if="listsItem.status_name!='等待拼团成功' && listsItem.is_item_virtual!=0 && isRmzgShop && listsItem.not_real_confirm!=1">
              <van-button round hairline class="btn j-confirmOrder white-btn" @click="clickConfirmOrder(listsItem.order_id)">确认收货</van-button>
            </span>
            <!--wfx定制：濡美值购 【购买上级虚拟商品需要有确认收货按钮】end-->

            <van-button round hairline @click="JumpName('gift-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})" class="btn white-btn" v-if="listsItem.is_send_gift==1">礼单</van-button>
            <!-- <a href="/Order/detail/id/{$lists_vo.order_id}/page/{$lists_vo.page}/label_type/{$lists_vo.type}" class="details orange-btn" v-else>物流/详情</a> -->
            <van-button round hairline class="btn orange-btn" @click="Jump('order-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})" v-else>物流/详情</van-button>
            <!-- <van-button round hairline class="btn orange-btn" v-else :url="'/Order/detail/id/'+listsItem.order_id+'/page/'+listsItem.page+'/label_type/'+listsItem.type">物流/详情</van-button> -->
            <!-- 定制 得炫 不允许再次购买 隐藏‘再次购买’按钮 -->
            <template v-if="!(is_hzdx_dhs_dz && listsItem.package_item_name && listsItem.is_need_consultation==1)">
            <van-button round hairline class="btn details j-repurchase orange-btn" v-if="listsItem.order && listsItem.order[0].item_id && (listsItem.status==1 || listsItem.status==2 || listsItem.status==3) && !listsItem.is_marketing && !listsItem.is_buy_again && listsItem.is_yuncang_gift == 0 && listsItem.is_show_return_refund == 1" @click="clickRepurchase(listsItem)">再次购买</van-button>
            </template>
            </template>
          </div>

          <!-- 退换货订单列表status为4  按钮开始 -->
          <div class="good-more-btn" v-else-if="curStatus==4">
            <!-- <van-button v-if="listsItem.is_fission_order" round hairline class="btn orange-btn" @click="Jump('backOneDetailPushX',{id:listsItem.order_id})">推广详情</van-button> -->
            <!-- 视频号商品只允许看详情 -->
            <template v-if="listsItem.order_ly == 10">
              <van-button round hairline class="btn orange-btn" @click="Jump('order-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})">物流/详情</van-button>
            </template>
            <!-- x+1商品只允许看详情 -->
            <template v-else-if="listsItem.is_chaining_show">
              <van-button round hairline class="btn orange-btn" @click="Jump('order-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})">物流/详情</van-button>
            </template>
            <template v-else>

            <!--新版退换货 查看详情 老版：物流详情-->
            <van-button v-if="listsItem.is_new_refund == 1 && listsItem.status != 1" round hairline class="btn orange-btn" @click="Jump('refundDetail',{complain_order_id:listsItem.complain_order_id})">查看详情</van-button>

            <van-button v-else round hairline class="btn orange-btn" @click="Jump('order-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})">物流/详情</van-button>
            <!--<van-button round hairline :url="'/Order/complain_detail/id/'+listsItem.complain_order_id+'/page/'+listsItem.page+'/label_type/'+listsItem.type" class="btn orange-btn">物流/详情</van-button>-->
            <!-- 订货商发货取消订单后不显示取消按钮 is_dhs_cancel_flag -->
            <span v-if="(listsItem.status==0 || listsItem.status==4) && !listsItem.is_dhs_cancel_flag">
              <van-button round hairline class="btn cancleTk" v-if="listsItem.type==1" @click="clickCancleTk(listsItem.complain_order_id)">取消换货</van-button>
              <van-button round hairline class="btn cancleTk" v-else @click="clickCancleTk(listsItem.complain_order_id)">取消退货</van-button>
            </span>
            </template>
          </div>

          <!-- 已完成订单列表status为7  按钮开始 -->
          <div class="good-more-btn" v-else-if="curStatus==7">
            <van-button v-if="listsItem.is_fission_order" round hairline class="btn orange-btn" @click="Jump('backOneDetailPushX',{id:listsItem.order_id})">推广详情</van-button>
            <!-- 视频号商品只允许看详情 -->
            <template v-if="listsItem.order_ly == 10">
              <van-button round hairline class="btn orange-btn" @click="Jump('order-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})">物流/详情</van-button>
            </template>
            <!-- x+1商品只允许看详情 -->
            <template v-else-if="listsItem.is_chaining_show">
              <van-button round hairline class="btn orange-btn" @click="Jump('order-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})">物流/详情</van-button>
            </template>
            <template v-else>

            <!-- <a href="/Order/detail/id/{$success_vo.order_id}/page/{$success_vo.page}/label_type/{$success_vo.type}" class="details orange-btn">物流/详情</a> -->
            <van-button
              v-if="is_comment == 1 && listsItem.status == 3 && listsItem.store_gathering_id == 0 && listsItem.need_comment == 1"
              round hairline class="btn ele-invoice"
              @click="Jump('/commentList',{type:'evaluate', orderId: listsItem.order_id })">评价晒单</van-button>
            <van-button round hairline class="btn details orange-btn" @click="Jump('order-detail',{id:listsItem.order_id,page:listsItem.page,label_type:listsItem.type})">物流/详情</van-button>
            </template>
          </div>
        </section>
      </div>
      </van-list>
    </div>
    <div v-else>
      <no-data :noData="noData"></no-data>
    </div>

    <!-- 再次购买弹窗 -->
    <van-popup v-model="showRepurchaseBox" class="repurchase_box">
      <div class="repurchase_con">
        <div class="repurchase_img">
            <img src="https://img.wifenxiao.com/h5-wfx/images/order/repurchase_img.png" alt="">
        </div>
        <div class="repurchase_con_title">{{repurchase_con_title}}</div>
        <div class="btn_box clearfix">
          <a href="javascript:;" class="fl" @click="clickHideRepurchaseBox">残忍离开</a>
          <a href="javascript:;" class="fr btn_buy btn_stop" @click="navToCarBuy(repurchase_link)">继续购买</a>
        </div>
      </div>
      <!-- <div class="btn_close" @click="clickHideRepurchaseBox"></div> -->
    </van-popup>

    <!-- 输入支付密码弹窗 -->
    <!-- <van-dialog
      v-model="showPwd"
      title="请输入支付密码"
      show-cancel-button
      confirm-button-color="#ff5a00"
      @confirm="confirm"
    >
      <input v-model="password" type="password" name="password" class="password" />
    </van-dialog> -->
    <pay-password :showPwd="showPwd" @closePwd="closePwd" @payPwdCallback="payPwdCallback"></pay-password>

    <!-- 定制  上海透缇  start -->
    <van-popup v-model="showActiveBox" class="diy-active-box">
      <div class="active_content">
        <img src="https://img.wifenxiao.com/h5-wfx/images/order/dz_shtt.png" width="100%" alt="">
        <a @click="openLink(target_url)" class="orange">立即参加</a>
      </div>
      <div class="btn_close" @click="clickHideActiveBox"></div>
    </van-popup>
    <!-- 定制  上海透缇  end -->

    <!-- 付款弹窗 -->
    <van-popup v-model="showPayPop" class="pay-box" position="top" :style="{ height: '100%' }">
      <!-- <tx-pop @closePop="closeCashPop" :dzData="dzData" :cashPopData="cashPopData"></tx-pop> -->
      <more-payment :itemIds="itemIds" :istl="istl" :isHffzPay="true" :isJhPay="true" :isTlfzPay="isTlfzPay" @closePayPop="closePayPop" @payCallback="payCallback" :payPopData="payPopData"></more-payment>
    </van-popup>
    <div>
      <send-code-payment ref="sendCodePayment"  />
      <tlInfo ref="tlInfo" @tlSubmit="tlSubmit"></tlInfo>
    </div>
  </div>
</template>

<script>
import Vue from 'vue'
import small from '@/smallapp/small'
import noData from '@/components/noData/index'
import PayPassword from '@/components/PayPassword/index'
import MorePayment from '@/components/MorePayment/index'
import { scaleGoodsPrice } from '@/utils/index.js'
import { openPage } from '@/utils/utils.js'
import { getOrderLists, delOrder, userConfirm, payUrl, buyAgain, cancleComplain } from '@/api/order/order.js'
import { wlUserInfo } from '@/api/login'
import Store from '@/utils/store'
import { mapGetters } from 'vuex'
import smllpay from '@/smallapp/smallpay'
import sendCodePayment from '../../../buy/components/sendCodePayment/index'
import tlInfo from '../../../buy/components/tlInfo/index'
import { medicineUrl } from '@/api/public/index.js'
export default Vue.extend({
  name: 'index',
  components: {
    noData,
    PayPassword,
    MorePayment,
    sendCodePayment,
    tlInfo
  },
  data() {
    return {
      ltnsStatus: false,
      defaultAvatar: 'https://img.wifenxiao.com/h5-wfx/images/default_avatar.jpg',
      noData: {
        img: 'https://img.wifenxiao.com/h5-wfx/images/no_order.png',
        text: '暂无订单',
        marginTop: '60px'
      },
      illegal_msg: '暂无订单',
      showRepurchaseBox: false, // 再次购买弹窗
      repurchase_con_title: '商品已加入购物车',
      repurchase_link: '', // 购物车链接
      must_pay_password: false, // 强制设置支付密码
      is_comment: 1, // 是否开启评价
      popup_show: '',
      showPwd: false, // 支付密码弹框是否显示
      /* password: '', */
      showActiveBox: false, // 定制：上海透缇
      target_url: '', // 定制：上海透缇
      is_yun_ji: 0,
      showPayPop: false, // 付款弹窗
      is_alipay: null,
      is_wx_pay: null,
      is_cod: null,
      is_bank: null,
      is_paypal: null,
      is_beibao: null,
      is_offline: null,
      is_hantePay: null,
      itemIds: [],
      isTlfzPay: true, // 通联分账支付
      payPopData: {

      },
      submitData: {},
      is_allow_return: 0,
      is_allow_exchange: 0,
      is_refund_config: 0,
      Apply_for_after_sale: 0, // 售后
      is_wl: 0,
      jxgzl_dz: 0, // 定制：江西赣中旅
      rmzg: 0, //
      sid: '',
      rmzgShop: [6, 8009092],
      isRmzgShop: false, // wfx定制濡美值购
      is_han_te_pay: 0,
      is_confirm_receipt: 0,
      loading: false,
      error: false,
      finished: false,
      curStatus: 1, // 1全部 、2 待付款订单、3已确认 、4退换货 、5 可以评论订单、6待确认、 7 已完成
      delCode: '',
      listParams: {
        p: 1,
        status: 1, // 1全部 、2 待付款订单、3已确认 、4退换货 、5 可以评论订单、6待确认、 7 已完成
        dhs_type: '', // 1为订货商的订货单
        order_no: '', // 搜索关键词
        is_dhs_delivery: 0, // 是否订货商出库订单
        is_fission_order: '', // 1为推x反一订单
      },
      takeTheirName: '',
      listsData: [],
      is_hzdx_dhs_dz: 0, // 得炫定制
      item_refundable_dz: 0,
      istl: false,
      tlInfoList: {},
      hfAppId: '',
      remark: -1
    }
  },
  methods: {
    openLink(link) {
      openPage(link)
    },
    Jump(url, data) {
      this.$JumpPath(this, url, data)
    },
    navToCarBuy(item) {
      // 关闭再次购买成功弹窗
      this.showRepurchaseBox = false
      const link = `/shop-car?${item.split('?')[1]}`
      window.open(link)
    },
    JumpName(url, data, status) {
      if (status == 1) {
        const params = this.$route.query
        // console.log(params)
        const sid = params.sid
        const pid = params.pid
        const id = data.id
        const url = `/GroupShoppingOrder/group_detail/payOrder/2/id/${id}?sid=${sid}&pid=${pid}`
        window.location.href = url
      } else {
        this.$JumpName(this, url, data)
      }
    },
    scaleGoodsPriceFn(price) {
      return scaleGoodsPrice(price)
    },
    tlSubmit() {
      this.istl = true
      // this.init()
      // this.$router.go(0)
      this.clickPay(this.tlInfoList)
    },

    init() {
      this.listsData = []
      this.listParams.p = 1
      this.finished = false
      this.loading = false
      this.$loadingWrap.show()
      setTimeout(() => {
        this.$loadingWrap.close()
      }, 10000)
      if (this.$route.query.is_dhs_delivery == '1') {
        this.listParams.is_dhs_delivery = 1
      }
      getOrderLists(this.listParams).then((res) => {
        if (res.status == 1) {
          // // console.log(res)
          const resData = res.data
          this.is_yun_ji = resData.is_yun_ji
          this.is_allow_return = resData.is_allow_return
          this.is_allow_exchange = resData.is_allow_exchange
          this.is_refund_config = resData.is_refund_config
          this.is_wl = resData.is_wl
          this.Apply_for_after_sale = resData.Apply_for_after_sale
          this.jxgzl_dz = resData.jxgzl_dz
          this.is_confirm_receipt = resData.is_confirm_receipt
          this.curStatus = this.listParams.status
          this.delCode = resData.code
          this.must_pay_password = resData.must_pay_password || false
          this.popup_show = resData.popup_show
          this.is_comment = resData.is_comment
          this.item_refundable_dz = resData.item_refundable_dz ? resData.item_refundable_dz : 0
          this.illegal_msg = resData.illegal_msg || '暂无订单'
          // 得炫定制组合商品名称
          if (resData.is_hzdx_dhs_dz) {
            this.is_hzdx_dhs_dz = resData.is_hzdx_dhs_dz
          }
          // 付款弹窗信息
          this.payPopData.balance = resData.balance
          this.payPopData.is_dhs_allow_deposit = resData.is_dhs_allow_deposit
          this.payPopData.is_check_dhs = resData.is_check_dhs
          this.payPopData.dhs_deposit = resData.dhs_deposit
          this.payPopData.deposit_alias = resData.deposit_alias
          this.payPopData.default_pay_type = resData.default_pay_type // 默认付款方式
          this.payPopData.default_pay = resData.default_pay // hantePay默认付款方式
          this.payPopData.is_open_balance_pay = resData.is_open_balance_pay // 是否开启余额支付
          this.is_alipay = resData.is_alipay
          this.is_wx_pay = resData.is_wx_pay
          this.is_cod = resData.is_cod
          this.is_bank = resData.is_bank
          this.is_paypal = resData.is_paypal
          this.is_beibao = resData.is_beibao
          this.is_offline = resData.is_offline
          this.is_han_te_pay = resData.is_han_te_pay
          this.takeTheirName = '待' + resData.take_their_name
          if (this.listParams.status == 1 || !this.listParams.status) {
            // 全部订单
            this.listsData = resData.lists
          } else if (this.listParams.status == 2) {
            // 待付款
            this.listsData = resData.wait_lists
          } else if (this.listParams.status == 3) {
            // 已发货
            this.listsData = resData.send_lists
          } else if (this.listParams.status == 4) {
            // 退换货
            this.listsData = resData.return_lists
          } else if (this.listParams.status == 5) {
            // 待评价
            this.listsData = resData.comment_lists
          } else if (this.listParams.status == 6) {
            // 已付款
            this.listsData = resData.pay_lists
          } else if (this.listParams.status == 7) {
            // 交易完成
            this.listsData = resData.success_lists
          }
          this.listParams.p++
        } else {
          this.$Error(res.msg)
        }
        this.$loadingWrap.close()
      })
    },
    // 加载更多
    onLoad() {
      getOrderLists(this.listParams).then((res) => {
        this.loading = false
        if (res.data.length) {
          /* if (this.listParams.status == 1 || !this.listParams.status) {
            // 全部订单
            this.listsData = resData.lists
          } else if (this.listParams.status == 2) {
            // 待付款
            this.listsData = resData.wait_lists
          } else if (this.listParams.status == 3) {
            // 已发货
            this.listsData = resData.send_lists
          } else if (this.listParams.status == 4) {
            // 退换货
            this.listsData = resData.return_lists
          } else if (this.listParams.status == 5) {
            // 待评价
            this.listsData = resData.comment_lists
          } else if (this.listParams.status == 6) {
            // 已付款
            this.listsData = resData.pay_lists
          } else if (this.listParams.status == 7) {
            // 交易完成
            this.listsData = resData.success_lists
          } */
          this.listsData.push(...res.data)
          this.listParams.p++
        } else {
          this.finished = true
        }
      }).catch(() => {
        this.error = true
      })
    },
    // 问诊
    // 处方药定制 跳转h5问诊
    jumpConsulationUrl(order_id) {
      // console.log('dzJumpMedicinedzJumpMedicine')
      const data = {
        order_id: order_id
      }
      medicineUrl(data).then(res => {
        if (res.status == 1) {
          // console.log('awe', res.data)
          // window.location.href = res.data
          let url = res.data 
          // console.log('urlurl:', url)
          Store.saveLocal('webSrc', url)
          this.$JumpName(this, 'webView', {title: '处方药'})
        }
      })
    },
    // 删除订单
    clickDelOrder(id) {
      const params = {
        order_id: id,
        del_code: this.delCode
      }
        wx.showModal({
          content: '确定删除？',
          success: (res) => {
            if (res.confirm) {
              this.delOrderFun(params)
            }
          }
        })
    },

    delOrderFun(params) {
      this.$loadingWrap.show()
      setTimeout(() => {
        this.$loadingWrap.close()
      }, 10000)
      delOrder(params).then((res) => {
        this.$loadingWrap.close()
        if (res.status == 1) {
          this.$Error('操作成功')
          this.init()
        } else {
          this.$Error(res.msg)
          // this.init()
        }
      })
    },
    // 点击付款
    clickPay(item) {
      // console.log('clickPay', item)
      this.tlInfoList = item
      // if (!is_alipay && !is_wx_pay && !is_cod && !is_bank && !is_paypal && !is_beibao && !is_offline && !is_hantePay) {
      /* if (!(this.is_alipay == 1 || this.is_wx_pay == 1 || this.is_cod == 1 || this.is_bank == 1 || this.is_paypal == 1 || this.is_beibao == 1 || this.is_offline == 1 || this.is_han_te_pay == 1)) {
        this.$Error('抱歉，暂时不能付款！')
        return false
      } */
      // 预存款 - 实付款 判断是否开启预存款 混合支付
      this.payPopData.yckMargin = item.scym_yck_money - item.payment
      this.payPopData.scym_yck_dz = item.scym_yck_dz
      this.payPopData.scym_yck_money = item.scym_yck_money
      // 是否预存款支付
      this.payPopData.is_advance_deposit_pay = item.is_advance_deposit_pay
      // 是否余额支付
      this.payPopData.is_open_balance_pay = item.is_open_balance_pay

      if (item.order_extry && item.order_extry.is_kuajing) {
        this.payPopData.isKuajing = item.order_extry.is_kuajing
      } else {
        this.payPopData.isKuajing = 0
      }
      const payType = item.pay_type
      const peerType = item.peer_type
      if (payType == 5) {
        window.location.href = `/Paypal/doPaypal/order_id/${item.order_id}`
        return false
      } else if (payType == 7 && peerType == 2) {
        this.$JumpName(this, 'peer-pay-detail', { id: item.order_id })
        // window.location.href = '/PeerPay/peer_detail/id/' + item.order_id
        return false
      }
      this.payPopData.payment = item.payment
      this.payPopData.order_id = item.order_id
     
      const itemIds = []
      item.order.forEach((goods) => {
        itemIds.push(goods.item_id)
      })
      //  定制 莱特妮丝 会员兑换商品 不使用余额（隐藏）
      if (this.ltnsStatus) {
        this.$set(this.payPopData, 'dz_ltns_free_item', item.dz_ltns_free_item)
      }
      this.itemIds = itemIds
      this.showPayPop = true
    },
    // 关闭付款弹窗
    closePayPop() {
      this.showPayPop = false
    },
    // 点击确定付款，付款请求
    payCallback(submitData) {
      // console.log(submitData)
      this.submitData = submitData
      if (submitData.tlfz_deposit == 1 && submitData.yeChecked && submitData.is_need_change_bind_phone) {
        this.$refs.tlInfo.handleShow({
          ishow: true
        })
        return false
      }

      if (submitData.yeChecked && submitData.tlfz_deposit) {
        this.$refs.sendCodePayment.handleShow({
          order_id: submitData.order_id,
          tlfz_pay_type: 4
        })
        return
      }
      // var payType = $('input[name="type"]:checked').val()
      let payType = submitData.type
      const order_id = submitData.order_id
      const money_type = submitData.moneyType
      const payment_type = submitData.payment_type
      // var money_type = $('input[name="money_type"]:checked').val()
      const popup_show = this.popup_show
      // var popup_show = $('#popup_show').val()
      // const balance = this.payPopData.balance
      const payment = this.payPopData.payment
      // var sumPrice = $('.balance_money').text()
      // const must_pay_password = this.must_pay_password
      // var must_pay_password = $(':hidden[name="must_pay_password"]').val()
      const global_alipay_currency = submitData.global_alipay_currency
      // var global_alipay_currency = $('[name=global_alipay_currency]').val()
      // // console.log(must_pay_password);
      const hantepay = submitData.hantepay
      // var hantepay = $('[name=hantepay]:checked').val()// 定制HantePay
      if (this.ltnsStatus && payType == 2 && submitData.ltns_dhs == 1) {
        payType = ''
      }
      // 是否强制使用支付密码
      if (this.must_pay_password == 1) {
        if (money_type == 2 && payment > 0) {
          this.$Error('请先去会员中心的修改资料里设置支付密码!')
        } else {
          const params = { hantepay, global_alipay_currency, pay_type: payType, order_id, money_type, payment_type }
          this.$loadingWrap.show()
          /* setTimeout(() => {
            this.$loadingWrap.close()
          }, 10000) */
          if (payType == 34) {
            params.adapay_pay_type = submitData.adapay_pay_type
          }
          payUrl(params).then((res) => {
            this.$loadingWrap.close()
            if (res.status == 1) {
              if (payType == 2 || payType == 19 || payType == 48 || (payType == 26 && !res.data.is_mini_vsp) || payType == 29 || payType == 34 && res.data.is_wx_pay_new == 1) {
                // TODO 小程序微信支付/通联支付/通联分账处理/汇付分账
                if (res.data && res.data.jsApiParameters) {
                  if (payType == 34) {
                    if (small.wxCache('adapayPlugVersion') == 'jump_adapay_mini') {
                      const jsApiParameters = typeof res.data.jsApiParameters == 'object' ? res.data.jsApiParameters: JSON.parse(res.data.jsApiParameters)
                      this.hfAppId = jsApiParameters.wx_app_id
                      const that = this
                      wx.navigateToMiniProgram({
                        appId: jsApiParameters.wx_app_id,
                        path: jsApiParameters.miniapp_path,
                        success(res) {
                          // 打开成功
                          // console.log(res)
                        },
                        fail(error) {
                          // this.$Error('跳转失败')
                          // that.Jump('/order-lists')
                          // that.$router.go(0)
                          that.closePayPop()
                          that.remark = -1
                        }
                      })
                    } else if (small.wxCache('adapayPlugVersion') == 'self') {
                      smllpay.wxOrderPay(res.data.jsApiParameters)
                    } else {
                      const adapayPlugin = small.wxCache('adapayPlugVersion') == 'new' ? requirePlugin("Adapay") : requirePlugin("adapay-plugin")
                      // 汇付分账
                      const hfPay= res.data.jsApiParameters
                      if (hfPay) {
                        adapayPlugin.requestPay(hfPay, this.paySuccess, this.payError);
                      }
                    }
                  } else if (payType == 26 && res.data.is_mini_vsp) {
                    this.Jump('/buyTonglianWait',{ order_id, pay_type: 1 })
                  }
                  else {
                    smllpay.wxOrderPay(res.data.jsApiParameters)
                  }
                } else if (res.data && res.data.url) {
                  openPage(res.data.url)
                }
              } else if (payType == 27) {
                // 定制 上海百策HipoPay微信支付
                smllpay.wxOrderPay(res.data.HipoPayParams)
              } else if (res.data && res.data.url) {
                openPage(res.data.url)
              } else {
                setTimeout(() => {
                  this.init()
                }, 1000)
                this.closePayPop()
              }
              // window.location.href = res.data.url
            } else {
              this.$Error(res.msg)
            }
          })
        }
        /* if ($('em').hasClass('cur') && sumPrice > 0) {
          $.Error('请先去会员中心的修改资料里设置支付密码!')
        } else {
          $.post('/Order/pay_url', { hantepay: hantepay, global_alipay_currency: global_alipay_currency, pay_type: payType, order_id: order_id, money_type: money_type }, function(data) {
            if (data.status == 1) {
              window.location.href = data.url
            } else {
              $.Error(data.msg)
            }
          })
        } */
      } else if (money_type == 2 && popup_show) {
        this.showPwd = true
        /* showpaypop()
          $('.j-payok').click(function(event) {
            var pay_password = $('input[name="pay_password"]').val()
            $.post('/Order/checkedPayPassword', { pay_password: pay_password }, function(data) {
              if (data.status == 1) {
                hidepaypop()
                $('.paypopnote').show()
                $.post('/Order/pay_url', { hantepay: hantepay, global_alipay_currency: global_alipay_currency, pay_type: payType, order_id: order_id, money_type: money_type }, function(data) {
                  if (data.status == 1) {
                    window.location.href = data.url
                  } else {
                    $.Error(data.msg)
                    setTimeout(location, 1000)
                  }
                })
              } else {
                hidepaypop()
                $.Error(data.msg)
                setTimeout(location, 1000)
              }
            })
          }) */
      } else {
        const params = { hantepay, global_alipay_currency, pay_type: payType, order_id, money_type, payment_type }
        this.$loadingWrap.show()
        /* setTimeout(() => {
            this.$loadingWrap.close()
          }, 10000) */
          if (payType == 34) {
            params.adapay_pay_type = submitData.adapay_pay_type
          }
        payUrl(params).then((res) => {
          this.$loadingWrap.close()
          if (res.status == 1) {
            if (payType == 2 || payType == 19 || payType == 48 || (payType == 26 && !res.data.is_mini_vsp)  || payType == 29 || payType == 34 && res.data.is_wx_pay_new == 1) {
              // TODO 小程序微信支付/通联支付/通联分账处理/汇付分账
              if (res.data && res.data.jsApiParameters) {
                if (payType == 34) {
                  if (small.wxCache('adapayPlugVersion') == 'jump_adapay_mini') {
                    const jsApiParameters = typeof res.data.jsApiParameters == 'object' ? res.data.jsApiParameters: JSON.parse(res.data.jsApiParameters)
                    this.hfAppId = jsApiParameters.wx_app_id
                    const that = this
                    wx.navigateToMiniProgram({
                      appId: jsApiParameters.wx_app_id,
                      path: jsApiParameters.miniapp_path,
                      success(res) {
                        // 打开成功
                        // console.log(res)
                      },
                      fail(error) {
                        // this.$Error('跳转失败')
                        // that.Jump('/order-lists')
                        // that.$router.go(0)
                        that.closePayPop()
                        that.remark = -1
                      }
                    })
                  } else if (small.wxCache('adapayPlugVersion') == 'self') {
                    smllpay.wxOrderPay(res.data.jsApiParameters)
                  } else {
                    const adapayPlugin = small.wxCache('adapayPlugVersion') == 'new' ? requirePlugin("Adapay") : requirePlugin("adapay-plugin")
                    // 汇付分账
                    const hfPay= res.data.jsApiParameters
                    if (hfPay) {
                      adapayPlugin.requestPay(hfPay, this.paySuccess, this.payError);
                    }
                  }
                } else {
                  smllpay.wxOrderPay(res.data.jsApiParameters)
                }
              } else if (res.data && res.data.url) {
                openPage(res.data.url)
              }
            } else if (payType== 26 && res.data.is_mini_vsp) {
              this.Jump('/buyTonglianWait',{ order_id, pay_type: 1 })
            } else if (payType == 27) {
              // 定制 上海百策HipoPay微信支付
              smllpay.wxOrderPay(res.data.HipoPayParams)
            } else if (res.data && res.data.url) {
              openPage(res.data.url)
            } else {
              setTimeout(() => {
                this.init()
              }, 1000)
              this.closePayPop()
            }
            // window.location.href = res.data.url
          } else {
            this.$Error(res.msg)
          }
        })
        /* $('.paypopnote').show()
          $.post('/Order/pay_url', { hantepay: hantepay, global_alipay_currency: global_alipay_currency, pay_type: payType, order_id: order_id, money_type: money_type }, function(data) {
            if (data.status == 1) {
              window.location.href = data.url
            } else {
              $('.paypopnote').hide()
              $.Error(data.msg)
            }
          }) */
      }
    },
    // 输入支付密码点击确定
    payPwdCallback() {
      const submitData = this.submitData
      // var payType = $('input[name="type"]:checked').val()
      const payType = submitData.type
      const order_id = submitData.order_id
      const money_type = submitData.moneyType
      const payment_type = submitData.payment_type
      // var money_type = $('input[name="money_type"]:checked').val()
      // var popup_show = $('#popup_show').val()
      // const balance = this.payPopData.balance
      // var sumPrice = $('.balance_money').text()
      // const must_pay_password = this.must_pay_password
      // var must_pay_password = $(':hidden[name="must_pay_password"]').val()
      const global_alipay_currency = submitData.global_alipay_currency
      // var global_alipay_currency = $('[name=global_alipay_currency]').val()
      // // console.log(must_pay_password);
      const hantepay = submitData.hantepay
      const params = { hantepay, global_alipay_currency, pay_type: payType, order_id, money_type, payment_type }
      this.$loadingWrap.show()
      /* setTimeout(() => {
        this.$loadingWrap.close()
      }, 10000) */
      if (payType == 34) {
        params.adapay_pay_type = submitData.adapay_pay_type
      }
      payUrl(params).then((res) => {
        this.$loadingWrap.close()
        if (res.status == 1) {
          if (payType == 2 || payType == 19 || payType == 48 || payType == 26 || payType == 34 && res.data.is_wx_pay_new == 1) {
            // TODO 小程序微信支付/通联支付/通联分账处理/汇付分账
            if (res.data && res.data.jsApiParameters) {
              if (payType == 34) {
                if (small.wxCache('adapayPlugVersion') == 'jump_adapay_mini') {
                  const jsApiParameters = typeof res.data.jsApiParameters == 'object' ? res.data.jsApiParameters: JSON.parse(res.data.jsApiParameters)
                  this.hfAppId = jsApiParameters.wx_app_id
                  const that = this
                  wx.navigateToMiniProgram({
                    appId: jsApiParameters.wx_app_id,
                    path: jsApiParameters.miniapp_path,
                    success(res) {
                      // 打开成功
                      // console.log(res)
                    },
                    fail(error) {
                      // this.$Error('跳转失败')
                      that.Jump('/order-lists')
                      // that.$router.go(0)
                      that.remark = -1
                    }
                  })
                } else if (small.wxCache('adapayPlugVersion') == 'self') {
                  smllpay.wxOrderPay(res.data.jsApiParameters)
                } else {
                  const adapayPlugin = small.wxCache('adapayPlugVersion') == 'new' ? requirePlugin("Adapay") : requirePlugin("adapay-plugin")
                  // 汇付分账
                  const hfPay= res.data.jsApiParameters
                  if (hfPay) {
                    adapayPlugin.requestPay(hfPay, this.paySuccess, this.payError);
                  }
                }
              } else {
                smllpay.wxOrderPay(res.data.jsApiParameters)
              }
            } else if (res.data && res.data.url) {
              openPage(res.data.url)
            }
          } else if (res.data && res.data.url) {
            openPage(res.data.url)
          } else {
            setTimeout(() => {
              this.init()
            }, 1000)
            this.closePayPop()
          }
        } else {
          this.$Error(res.msg)
        }
      })
    },
    // 关闭输入支付密码弹窗
    closePwd() {
      this.showPwd = false
    },
    // 汇付支付成功
    paySuccess() {
      this.closePayPop()
      setTimeout(() => {
        this.$Error('支付成功！')
        this.Jump('/order-lists',{type:6})
      }, 1000)
    },
    // 汇付支付失败
    payError() {
      this.closePayPop()
      this.$Error('支付失败！')
      setTimeout(() => {
        this.$router.go(0)
      }, 1000)
    },
    // 申请售后
    clickAfterSale(id) {
      this.$loadingWrap.show()
      setTimeout(() => {
        this.$loadingWrap.close()
      }, 10000)
      const Fenbot_cid = Store.fetchLocal('Fenbot_cid')
      // console.log(`售后${Fenbot_cid}`)

      wlUserInfo({ id }).then((res) => {
        const that = this
        if (!res.data.flag) {
          return false
        }
        // 微聊jsapi接口 - 会员信息&最近一条订单信息
        window._FENBOT_API && window._FENBOT_API('apiInfo', Fenbot_cid, res.data)
        setTimeout(() => {
          that.$loadingWrap.close()
          if ($('.FENBOT-CHATBTN-BTN').length > 1) {
            // console.log(1)
            $('.wl_box .FENBOT-CHATBTN-BTN').click()
          } else {
            // console.log(2)
            $('.FENBOT-CHATBTN-BTN').click()
          }
        }, 1000)
      })
    },
    // 确认收货
    clickConfirmOrder(id, item) {
      const params = {
        order_id: id
      }
        // console.log('item.is_wechat_confirm_receipt && item.transaction_id', item, item.is_wechat_confirm_receipt, item.transaction_id)
        wx.showModal({
          content: '确认收货？',
          success: (res) => {
            if (res.confirm) {
              if (item && item.is_wechat_confirm_receipt && item.transaction_id) {
                const that = this
                if (wx.openBusinessView) {
                  wx.openBusinessView({
                    businessType: 'weappOrderConfirm',
                    extraData: {
                      transaction_id: item.transaction_id
                    },
                    success(res) {
                      // console.log('success', res)
                      //dosomething
                      that.userConfirmFun(params)
                    },
                    fail(errormsg) {
                      // console.log('fail', errormsg)
                      that.$Error(errormsg)
                      //dosomething
                    }
                  });
                } else {
                  //引导用户升级微信版本
                  that.$Error('升级到最新的微信版本')
                }
              } else {
                this.userConfirmFun(params)
              }
            }
          }
        })
    },
    userConfirmFun(params) {
      this.$loadingWrap.show()
      userConfirm(params).then((res) => {
        this.$loadingWrap.close()
        if (res.status == 1) {
          // 定制   上海透缇   如果是首单   可参与答题活动   else为微分销直接跳转
          if (res.target_url) {
            this.showActiveBox = true
            this.target_url = res.target_url
          } else {
            this.$Error('操作成功')
            // 跳转订单详情页
            // window.location.href = '/Order/detail/id/' + id
            this.init()
          }
        } else {
          this.$Error(res.msg)
        }
      })
    },
    // 再次购买
    clickRepurchase(item) {
      const orderId = item.order_id
      const goodsArr = item.order
      const dataArr = []
      goodsArr.forEach((goods, index) => {
        const itemid = goods.item_id
        const propsvalue = goods.props_value
        const num = goods.num
        const supplierid = goods.supplier_id
        const itemdate = goods.item_date || ''
        const itemmemo = goods.item_memo || ''
        /* var self = $(item)
        var itemid = self.data('itemid') || ''
        // var skuid=self.data("skuid") || "";
        var propsvalue = self.data('propsvalue') || ''
        var num = self.data('num') || ''
        var supplierid = self.data('supplierid') || ''
        var itemdate = self.data('itemdate') || ''
        var itemmemo = self.data('itemmemo') || '' */
        const tempdata = {
          id: itemid, // 商品id
          value: propsvalue, // propsvalue
          num, // 数量
          supplier_id: supplierid, // 供应商商品供应商id
          item_date: itemdate, // 日期
          item_memo: itemmemo // 备注
        }
        dataArr.push(tempdata)
      })
      if (dataArr.length > 0) {
        this.$loadingWrap.show()
        setTimeout(() => {
          this.$loadingWrap.close()
        }, 10000)
        const params = {
          data_arr: dataArr,
          order_id: orderId
        }
        buyAgain(params).then((res) => {
          this.$loadingWrap.close()
          if (res.status == 1) {
            if (res.data.fails.length > 0) {
              let msg = ''
              msg += res.data.fails[0].msg
              this.repurchase_con_title = `添加失败${msg}`
              this.showRepurchaseBox = true
            } else {
              this.repurchase_link = res.data.url
              // $('.repurchase_box .btn_buy').attr('href', '/Item/cart/' + 'order_id/' + orderId + url)
              // $('.repurchase_box .repurchase_con_title').text('商品已加入购物车')
              // $('.repurchase_box').show()
              this.repurchase_con_title = '商品已加入购物车'
              this.showRepurchaseBox = true
            }
          } else {
            this.$Error(res.msg)
          }
        })
      }
    },
    // 关闭再次购买弹窗
    clickHideRepurchaseBox() {
      this.showRepurchaseBox = false
    },
    // 关闭弹窗定制：上海透缇
    clickHideActiveBox() {
      this.showActiveBox = false
      // 跳到订单详情页
      // window.location.href = '/Order/detail/id/' + id
    },
    // 取消换货、取消退货
    clickCancleTk(id) {
      const params = {
        id
      }
        wx.showModal({
          content: '确认取消？',
          success: (res) => {
            if (res.confirm) {
              this.cancleComplainFun(params)
            }
          }
        })
    },
    cancleComplainFun(params) {
      this.$loadingWrap.show()
      setTimeout(() => {
        this.$loadingWrap.close()
      }, 10000)
      cancleComplain(params).then((res) => {
        this.$loadingWrap.close()
        if (res.status == 1) {
          this.$Error('操作成功')
        } else {
          this.$Error(res.msg)
        }
        this.init()
      })
    }
    /* // 输入支付密码
    confirm() {
      this._checkedPayPassword()
    },
    // 验证密码
    _checkedPayPassword() {
      this.$loadingWrap.show()
      setTimeout(() => {
        this.$loadingWrap.close()
      }, 10000)
      const params = { pay_password: this.password }
      checkedPayPassword(params).then(res => {
        if (res.status == 1) {
          if (res.data.status == 1) {
            // this._getBalanceDraw()
          } else {
            this.$Error(res.data.msg)
            setTimeout(() => {
              window.location.reload()
            }, 1000)
          }
        } else {
          this.$Error(res.msg)
          setTimeout(() => {
            window.location.reload()
          }, 1000)
        }
      })
    } */
  },
  watch: {
    illegal_msg(val) {
      this.noData.text = val
      this.$emit('illegal', val)
    }
  },
  created() {
    let shop = small.globalData.shopId
    const ltsn_dz = this.$_shop('$_ltsn_dz', shop)
    this.ltnsStatus = ltsn_dz
    if (this.$route.query && this.$route.query.dhs_type) {
      this.listParams.dhs_type = this.$route.query.dhs_type
    }
    if (this.$route.query && this.$route.query.fissionOrder) {
      this.listParams.is_fission_order = this.$route.query.fissionOrder // 1为推x返一订单
    } else {
      this.listParams.is_fission_order = undefined
    }
    if (this.$route.query.sid) {
      this.sid = this.$route.query.sid
    } else {
      this.sid = Store.fetchLocal('sid') ? Store.fetchLocal('sid') : undefined
    }
    this.rmzgShop.findIndex((item) => {
      if (this.sid == item) {
        this.isRmzgShop = true
        return false
      }
    })

    this.listParams.status = this.$route.query.type || 1
    this.init()
    const that = this
    this.$Bus.$on('statusEvent', (option) => {
      that.listParams.status = option.status
      that.init()
    })
    this.$Bus.$on('keywordEvent', (option) => {
      that.listParams.order_no = option.keyword
      that.init()
    })
    if (small.wxCache('adapayPlugVersion') == 'jump_adapay_mini') {
      this.remark = 1
    }
  },
  mounted() {
      // TODO 订阅验证密码发出的广播
      window.$$subscribe('payPasswordRefresh', (data) => {
        // console.log('payPasswordRefresh', data)
        this.showPwd = false
        this.init()
      })
      // 订阅退换货申请发出的广播
      window.$$subscribe('refreshOrderList', () => {
        this.init()
      })

    if (small.wxCache('adapayPlugVersion') == 'jump_adapay_mini') {
      window.addEventListener('wxshow', () => {
        let options = wx.getEnterOptionsSync();
        // wx1e18d140f890f2c5，wx308088053f4ecc3a
        if (options.scene == '1038' && options.referrerInfo.appId == this.hfAppId && this.remark == 2) {
          this.closePayPop()
          // 代表从收银台小程序返回
          // this.Jump('/order-lists')
          this.remark = -1
          window.location.reload()
        }
      }),
      window.addEventListener('wxHide', () => {
        this.remark = 2
      })
    }
  },
  beforeDestroy() {
    this.$Bus.$off('statusEvent')
    this.$Bus.$off('keywordEvent')
    // TODO 取消订阅
      window.$$unsubscribe('payPasswordRefresh')
      window.$$unsubscribe('refreshOrderList')
  },
  computed: {
    // 获取自定义符号
    ...mapGetters(['mSymbol'])
  }
})
</script>

<style lang="scss">
@import "src/styles/order/lists";
.order-list-info-multistore{
  font-weight: bold;
  font-size: 28px;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  align-items: center;
  height: 72px;
  .gys_logo{
    width: 32px;
    height: 32px;
    margin-right: 16px;
  }
  .arrow{
    width: 16px;
    height: 16px;
    margin-left: 12px;
  }
}
.customer-name{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width:100%
}
.donation-box{
  .title {
    font-size: 35px;
    color: #333;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
  }
  .con-box{
    position:relative;
    padding:40px 60px;
  }
  .input-box{
    margin:16px 0;
    font-size:28px;
    label{
      float:left;
      display:block;
      width:150px;
      line-height:76px;
      text-align:right;
      font-weight:normal;
      color: #666666;
    }
    input{
      float:left;
      -webkit-appearance: none;
      width:256px;
      height:76px;
      padding:16px 10px;
      border:2px solid #EDEDED;
      border-radius:6px;
    }
  }
  .tongMsg {
    text-align: center;
    margin-top: 16px;
    font-size: 26px;
  }
  .tongTips {
    text-align: center;
    margin: 20px 0;
    font-size: 26px;

  }
}
</style>
